<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>id选择器</title>
		<style>
			/* css部分：#别名*/
			#head{
				width:251px;
				height: 200px;
				background: #e4393c;
			}
			/*id选择器 一个元素只能起一个别名
			使用范围：配合切片，做页面结构，如果与选择器一同使用，以id选择器为主
			*/
		   .head{
		   width:100px;
		   height:100px;
		   background:#ffaa00;
		   }
		   span{
			   
		   }
		</style>
	</head>
	<body>
		<!-- html部分 div前标记 id=“别名” -->
		<div id="head">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Itaque voluptatem molestias fuga at sequi, labore autem vel numquam, repellat fugiat animi, quod pariatur nostrum velit! Corrupti alias atque porro blanditiis!
	<span>行内元素</span>
	<a href="#">超链接</a>
	<strong>文本内容</strong>
	</body>
</html>